<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* reset */
html { height: 100%;overflow-x: hidden; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }

textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 14px; font-family:"Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53";  }
body { line-height: 1.5 }
a:link,
a:visited,
a:active,
a { text-decoration: none; color:#2D2E32; }
a:hover { color:#F08200;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 


.focus input::-webkit-input-placeholder {opacity:0;}
.focus input:-moz-placeholde {opacity:0;}
.focus input::-moz-placeholder { opacity:0;}
.focus input:-ms-input-placeholder {opacity:0;}

.edit_con_original{ line-height:1.8; padding:0 0; color:#333;}
.edit_con_original ul{ margin:inherit; padding:inherit}
.edit_con_original ul li { list-style-type:disc; margin:auto; padding:inherit}
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; padding:inherit}
.edit_con_original h1 { font-size: 2em; font-weight:bold }
.edit_con_original h2 { font-size: 1.5em; font-weight:bold }
.edit_con_original h3 { font-size: 1.17em; font-weight:bold }
.edit_con_original h4 { font-size: 1em; font-weight:bold }
.edit_con_original h5 { font-size: 0.83em; font-weight:bold }
.edit_con_original h6 { font-size: 0.67em; font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img{ max-width:100%; height:auto;}

.edit-con-original{ line-height:1.8; padding:0 0; color:#333;}
.edit-con-original ul{ margin:inherit; padding:inherit}
.edit-con-original ul li { list-style-type:disc; margin:auto; padding:inherit}
.edit-con-original ol{ margin:inherit; padding:inherit}
.edit-con-original ol li { list-style-type:decimal; margin:auto; padding:inherit}
.edit-con-original h1 { font-size: 2em; font-weight:bold }
.edit-con-original h2 { font-size: 1.5em; font-weight:bold }
.edit-con-original h3 { font-size: 1.17em; font-weight:bold }
.edit-con-original h4 { font-size: 1em; font-weight:bold }
.edit-con-original h5 { font-size: 0.83em; font-weight:bold }
.edit-con-original h6 { font-size: 0.67em; font-weight:bold }
.edit-con-original em { font-style: italic }
.edit-con-original cite{ font-style: italic }
.edit-con-original address{ font-style: italic }
.edit-con-original i { font-style: italic }
.edit-con-original table{ border-collapse: separate; border-spacing: 2px }
.edit-con-original img{ max-width:100%; height:auto;}


/*所有后台编辑器区域都要引用 edit_con_original 类名*/

/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .xzcheader:before, .xzc6main:before, .xzcfooter:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .xzcheader:after, .xzc6main:after, .xzcfooter:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .xzcheader, .xzc6main, .xzcfooter { *zoom: 1 }


.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }

/*公用样式end*/
.auto-img { position: relative; overflow: hidden; display:block; }
.auto-img img { position: relative; }

.auto-bg { background-repeat:no-repeat; overflow:hidden; position:relative; background-position:center;
background-size:cover; 
-ms-behavior: url(../css/backgroundsize.min.htc);
behavior: url(../css/backgroundsize.min.htc);}

.mobile-navigation, .mobile-nav-toggle-btn, .mobile-search-toggle-btn, .mobile-user-link, .mobile-cancel-search-btn { display: none }
.mobile-nav-toggle-btn { 
	-webkit-transition: .4s ease transform;
	-moz-transition: .4s ease transform;
	-ms-transition: .4s ease transform;
	-o-transition: .4s ease transform;
	transition: .4s ease transform;
 }

.nav-opened .mobile-navigation { display: block }
.nav-opening #content-box, .nav-opening .mobile-nav-toggle-btn { 
	-webkit-transform: translate(-150px, 0);
	-moz-transform: translate(-150px, 0);
	-ms-transform: translate(-150px, 0);
	-o-transform: translate(-150px, 0);
	transform: translate(-150px, 0);
}


a,
a:active,
a:focus,
input:focus,
a:hover,
a.music-toggle-btn:active,
a.music-toggle-btn:focus,
input:focus,
a.music-toggle-btn:hover,
img,
img:active,
img:focus,
li:active,
li:focus,
li:focus,
div,
div:active,
div:focus,
div:hover,
button,
button:active,
button:focus,
button:hover {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plainteeet-only;outline:none;-webkit-tap-highlight-color: transparent;}

.mobile-navigation { position: fixed; top: 0; bottom: 0; right: 0; width: 150px; overflow: auto; -webkit-overflow-scrolling: touch; background: #fff }
.mobile-navigation .list &gt; li {   border-top: 1px solid #d5d5d5; font-size: 14px }
.mobile-navigation .list &gt; li:first-child { border-top: 0 none }
.mobile-navigation .list &gt; li a { display: block; padding:10px 20px; line-height:20px }
.mobile-navigation .list &gt; li &gt; a{color:#07803D}
.mobile-navigation .list &gt; li .child{padding-bottom:10px}
.mobile-navigation .list &gt; li .child a{ height:18px; line-height:18px; font-size:12px; padding:5px 10px 5px 40px;}


	.menu__handle {display:none;	background: #fff; box-shadow:0 0 2px #aaa;	border: none;	width: 50px;	height: 40px; border-radius:2px;	padding: 0;	outline: none;	position:fixed;	top: 60px;	left:100%; margin-left:-60px;	z-index: 2000; overflow:hidden;}

.menu__handle::before,
.menu__handle::after,
.menu__handle span {	background: #5f656f; }
.menu__handle::before,
.menu__handle::after {	content: '';	position: absolute;	height: 4px;	left: 5px; right:5px;	top: 50%;	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: -webkit-transform 0.25s;
	transition: transform 0.25s;
}

.menu__handle span {
	position: absolute; right:5px;	height: 4px;	left: 5px; top:18px;	overflow: hidden;	text-indent: 200%;	-webkit-transition: opacity 0.25s;	transition: opacity 0.25s;
}

.menu__handle::before {
	-webkit-transform: translate3d(0, -13px, 0);	transform: translate3d(0, -13px, 0);
}

.menu__handle::after {
	-webkit-transform: translate3d(0, 9px, 0);	transform: translate3d(0, 9px, 0);
}

.menu--open .menu__handle span {
	opacity: 0;
}
.menu--open .menu__handle::before,.menu--open .menu__handle::after { top:46%;}
.menu--open .menu__handle::before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);	transform: rotate3d(0, 0, 1, 45deg);
}

.menu--open .menu__handle::after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);	transform: rotate3d(0, 0, 1, -45deg);
}



.mobile-search-toggle-btn { position: absolute; top: 50%; left: 40px; width: 24px; height: 24px; margin: -12px 0 0 }
.mobile-search-toggle-btn .icon { position: absolute; top: 50%; left: 50%; width: 22px; height: 22px; margin: -11px 0 0 -11px; background: url('../images/mobile_search_toggle_btn_bg.png') no-repeat 50% 50% }

.mobile-blank { position: fixed; display:none;  background:#fff; transition:0.2s all; opacity:0; left:0; top:0; bottom:0; right:0; visibility:hidden; z-index:-10; }


#content-box { min-width: 320px }
.wrap { max-width:1639px; margin:0 auto; position:relative;}
.xzcheader{ position:relative; z-index:10000;}
.xzcheader.fixedhede { position:fixed;  top:0; left:0; width:100%; z-index:1000; box-shadow:0 0 5px #bbb; height:107px;}
.lt9 .xzcheader.fixedhede { border-bottom:1px solid #eee;}
.xzcheader.fixedhede .top { padding:0 110px 20px;background:#fff;}
.other-body .xzcheader
{ background:#fff;
			box-shadow: 0 0 5px #bbb;
    height: 107px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
.other-body .xzc6main { min-height:400px; margin-top:107px; *margin-top:0; *padding-top:107px;}

.xzcheader .top{ position:absolute; left:0; top:0; padding:0 110px; width:1419px; transition:0.2s all ease;}
.xzcheader .logo { float:left; margin:24px 0 0 75px;}
.xzcheader .rtcon{ float:right;position:relative; margin-top:55px;}
.xzcheader .top-search { position:absolute;width:180px; height:22px;padding-left:30px;top:12px; right:316px; background:#CAD8D9;border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px;}

.xzcheader .top-search .sinput-box{ position: absolute; top: 0; left: 30px;line-height:20px;background: none; width:180px; }
.xzcheader .top-search input { border: none; background: none; font-size: 12px;color: #666; width:90%; }
.xzcheader .top-search #btnSearch { position: absolute; top:0; left:0; width:30px; height:22px; border: none; background:url(../images/dot01.png) center center no-repeat; }
.xzcheader .top-search.focus { box-shadow:0 0 5px #F08200;}
.xzcheader .top-search.focus input-placeholder { opacity:0;}

.xzcheader .add-lnk{ position:absolute; top:12px; right:218px; height:22px; padding-left:22px; background:url(../images/_lzy5.png) no-repeat left center; color:#e7820e}
.xzcheader .lagu{ position:absolute; display:block; right:140px; top:12px; padding-right:15px; z-index:99;}
.xzcheader .lagu a{color:#E7820E;font-family:Arial, Helvetica, sans-serif;}
.xzcheader .lagu i {  background:url(../images/dot02.png) right center no-repeat; transition:0.2s all; position:absolute; right:0px; top:6px; width:8px; height:8px;}
.xzcheader .lagu a:hover { color:#e9912a}
.xzcheader .lagu a:hover i { transform:rotate(180deg);}
.xzcheader nav { float:right;}
.xzcheader nav ul{ padding:0;}
.xzcheader nav li { float:left; width:130px;line-height:22px; padding:5px 0;text-align:center; margin:0 1px;position:relative; background:url(../images/li.jpg) left top repeat-x;}
.xzcheader nav li a{ display:block; color:#494949; }
.xzcheader nav li.on,.xzcheader nav li:hover{background:url(../images/li_on.jpg) left top repeat-x;}
.xzcheader nav li.on a,.xzcheader nav li:hover a{ color:#fff;}
.xzcheader nav .child { overflow:hidden;  opacity:0; transition:0.3s all; visibility:hidden; transform:translateY(30px);   position:absolute; left:0; top:31px; background:#FF7600; width:130px; padding:30px 3px 6px; z-index:-1; }


.xzcheader nav li.l1 .child {width:603%; }
.xzcheader nav li .child .l { float:left;   width:50% }
.xzcheader nav li .child .l &gt; div{ float:left; width:33%;  border-right:1px dotted #fed45e; min-height:240px;}
.xzcheader nav li .child .l  a {font-size:14px; margin:10px 10px; }
.xzcheader nav li .child .r {overflow:hidden; padding:0 20px 0; position:relative; display:none; }
.xzcheader nav li .child .r a { float:left; width:240px; margin:0 4% 0 4%;  padding:0; text-align:left;   }
.xzcheader nav li .child .r a img { border:2px solid #fff; width:236px; height:133px; }
.xzcheader nav li .child .r a span {  line-height:1.5; display:block; overflow:hidden; margin:10px 0;   max-height:3em; left:0; bottom:0; font-size:16px;  right:0;   color:#fff;}
.xzcheader nav li .child .r a span i { font-size:14px; display:block; line-height:1.5; height:4.5em;}
.xzcheader nav li .child .r a:hover img{ border-color:#fed15a;}
.xzcheader nav li .child .r a s { font-size:20px; background:#ffa300; border:4px solid #fff; line-height:2; text-align:center; text-decoration:none; display:block; margin-top:20px;}


.xzcheader nav li.l2 .child {width:603%; margin-left:-100%; left:-2px; }
.xzcheader nav li + li .child .l { border-right:1px dotted #fed45e; width:20%; min-height:240px;}



.xzcheader nav li.l3 .child {width:600%; padding:30px 5px 20px; margin-left:-200%; left:-4px; }
.xzcheader nav li.l3 .child dl { padding:0 20px;}
.xzcheader nav li.l3 .child dd { float:left; width:13.66%; margin:0 1.5%;}
.xzcheader nav li.l3 .child dd .img { border: 2px solid #fff;border-radius: 50%;margin-bottom: 12px;overflow: hidden; position: relative;transition: all 0.2s ease 0s;}
.xzcheader nav li.l3 .child dd .img a { padding:0;}
.xzcheader nav li.l3 .child dd .img img { width:100%; height:auto;}
.xzcheader nav li.l3 .child dd .img a i { display:none; position: absolute; background:none; width:auto; height:auto; left: 2px; top: 2px; right: 2px; bottom: 2px; border: 3px solid #F08200; border-radius: 50%; border-top-left-radius: 0; }
.xzcheader nav li.l3 .child dd:hover .img{ border-top-left-radius: 0;}
.xzcheader nav li.l3 .child dd:hover .img i{ display:block;}


.xzcheader nav .child a{color:#fff; font-size:12px; line-height:18px; position:relative; padding:5px 0; display:block; transition:0.2s all;}
.xzcheader nav .child a  i { position:absolute; left:50%; top:0; z-index:1; width:0; height:100%; background:#ffa300; transition:0.3s all;}
.xzcheader nav .child a span { position:relative; z-index:2;}
.xzcheader nav .child a:hover i{ width:100%; left:0;}





.xzcheader nav li.l4 .child {width:603%; margin-left:-300%; left:-6px;  }
.xzcheader nav li.l5 .child {width:603%; margin-left:-400%; left:-8px;  }
.xzcheader nav li.l6 .child {width:603%; margin-left:-500%; left:-10px;   }





.xzcheader nav li:hover .child{ opacity:1; height:auto; visibility:visible; transform:translateY(0px); z-index:999;  }
.xzcheader nav li:hover .child .r { display:block;}

.xzcheader .btn { float:right; display:block; transition:0.2s all; width:150px; height:30px; line-height:30px; margin:0 0 0 42px;border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px; background:url(../images/dot03.png) 15px center no-repeat #EA8207;}
.xzcheader .btn a { display:block; color:#fff; padding-left:50px; background:url(../images/dot04.png) 130px center no-repeat; transition:0.2s all;}


@media only screen and (min-width: 1280px) {
	.xzcheader .btn:hover {  background-color:#da7600; background-position:10px center;}
.xzcheader .btn a:hover { background-position:135px center; }
}

.xzcweixin{ position:fixed; width:400px; height:260px; z-index:100000; left:50%; top:50%; margin:-120px 0 0 -200px; background:#fff; border:1px solid #ddd; border-radius:4px; box-shadow:1px 1px 2px #aaa;}
.xzcweixin .c{ position:absolute; width:30px; height:30px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.xzcweixin h2{ position:relative; line-height:30px; font-size:16px; padding-left:10px;}
.xzcweixin .img{ padding:30px 0 10px; text-align:center; border-top:1px solid #ddd;}
.xzcweixin .img p { float:left; width:30%; margin:0 1.5%;}
.xzcweixin .img img{ width:100px; height:100px; display:block; margin:0 auto 10px; }



.xzc6main { position:relative; z-index:1; }
.banner { max-height:845px; height:auto; overflow:hidden; max-width:1639px; margin:0 auto; position:relative; z-index:1;}
.banner li{ float:left;  position:absolute; left:0; top:0; bottom:0; right:0; overflow:hidden; z-index:1;}
.banner li:first-child{ z-index:10;}
.banner li:first-child .txt,
.banner li:first-child .bg1,
.banner li:first-child .bg2 {opacity:1; filter:alpha(opacity=100); } 
.banner li img.bg1 { position:absolute; width:100%; height:100%; z-index:1; left:0; top:0; opacity:0; filter:alpha(opacity=0); display:block;}
.banner li img.bg2 { position:absolute; z-index:2; width:100%; height:100%; top:0; left:0; opacity:0; filter:alpha(opacity=0);  display:block;}
.banner li .txt { position:absolute; z-index:3; width:500px; height:100px; left:50%; top:50%; margin:-100px 0 0 -250px; text-align:center; opacity:0; filter:alpha(opacity=0);}
.banner li .txt span { font-size:36px; text-shadow:1px 1px 2px rgba(0,0,0,0.5); display:block; color:#fff; }
.banner li .txt i { display:block; background:url(../images/dl0.png) no-repeat; width:9px; height:8px; margin:20px auto 0; position:relative;}

.banner .bon { position:absolute; left:0; right:0; bottom:0px; z-index:100; text-align:center; vertical-align:middle;}
.banner .bon span { background:#fff; display:inline-block; margin:0 5px; width:15px; height:15px; border-radius:100%; border:1px solid #ddd; cursor:pointer; }
.banner .bon span.on { background:#F08200;}

.xzc6main-news { margin:0 0 80px;}
.xzc6main-news h2{ text-align:center; font-size:48px; font-weight:normal; padding:20px 0 40px;}
.xzc6main-news ul{ width:1240px; margin:0 auto;}
.xzc6main-news li{ float:left; width:47%; margin:15px 5% 15px 0;}
.xzc6main-news li.an{ margin-right:0; width:48%;}
.xzc6main-news li .n_date{ float:left;width:70px; height:70px; padding:10px 0;font-family:Arial; color:#5C5F64; position:relative; margin-right:20px; text-align:center; background:#F9F8F8; transition:0.2s all;}
.xzc6main-news li .n_date span {display:block;font-size:30px;}
.xzc6main-news li .n_date em { display:block; width:45px; margin:-10px auto 0;font-size:12px;padding-bottom:8px;border-bottom:2px solid #F08200}
.xzc6main-news li .n_cons { overflow:hidden;font-size:12px;color:#7D7C7C;}
.xzc6main-news li .n_cons h3 {font-size:18px; font-weight:normal;color:#2D2E32;padding:10px 0 10px; }
.xzc6main-news li .n_cons h3 a{ display:block;word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.xzc6main-news li .n_cons p{ height:38px; overflow:hidden;}
.xzc6main-news li .n_cons p + a{ display:block;width:10px; height:26px; line-height:26px;margin:20px 0 0;background:url(../images/dot05.png) left center no-repeat;}
.xzc6main-news li:hover .n_date{ background:#F08200; color:#fff;}
.xzc6main-news li:hover .n_date em{border-bottom:2px solid #fff}

.xzc6main-product {background:url(../images/dot06.jpg) center top repeat-y;}
.xzc6main-product .inner{padding:85px 110px 110px;overflow:hidden; text-align:center; width:1420px; margin:0 auto;}
.xzc6main-product h2{font-size:48px;font-weight:normal;color:#0B0B0A;}
.xzc6main-product h2 em{ display:block; margin:20px auto; width:110px; height:2px; border-bottom:3px solid #F08200;}
.xzc6main-product p{ font-size:12px; color:#1E201E;}
.xzc6main-product ul{ padding:75px 0 0;}
.xzc6main-product li{ float:left; width:12%; margin:0 2.3%;}
.xzc6main-product li .img { position: relative; max-width:165px; max-height:165px; border:4px solid #fff; margin-bottom:32px;border-radius: 50%;overflow: hidden; transition:0.2s all;}
.xzc6main-product li .img i { display:none; position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; border: 4px solid #F08200; border-radius: 50%; border-top-left-radius: 0; }
.xzc6main-product li .img img{max-width:165px; width:100%; height:auto;}
.xzc6main-product li .name{ display:block; width:130px; height:30px; line-height:30px; margin:0 auto; text-align:center; border:2px solid #000000; transition:0.2s all;}
.xzc6main-product li:hover .img{ border-top-left-radius: 0;}
.xzc6main-product li:hover .img i{ display:block;}
.xzc6main-product li:hover .name{background:#F08200; color:#fff; border:2px solid #F08200;}

.xzc6main-service{}
.xzc6main-service .inner{ padding:85px 110px 0; text-align:center; overflow:hidden; width:1420px; margin:0 auto;}
.xzc6main-service .inner UL{ background: #F2F2F2}

.xzc6main-service h2{font-size:30px;font-weight:normal;color:#0B0B0A;}
.xzc6main-service li{ float:left; width:25%; text-align:center; *margin-left:-1px;}
.xzc6main-service li .box{max-width:180px; height:150px; margin:45px auto; text-align:center; border:1px solid #FFF;border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px;
																						transition:0.2s all;
}
.xzc6main-service li .box img{ display:block; margin:10px auto 0; transition:0.2s all;}
.xzc6main-service li .box span{ font-size:18px; color:#0B0B0A;}
.xzc6main-service li .box:hover{ border:1px solid #F08200;}
.xzc6main-service li .box:hover img { transform:translateY(-10px);}
.xzc6main-service li .box:hover span{color:#F08200;}

.xzc6main-network{ height:440px;background:url(../images/dot07.jpg) center top repeat-y;}
.xzc6main-network .inner{ width:1640px; margin:0 auto; position:relative;}
.xzc6main-network .mapbg{float:left; width:785px; height:440px; position:relative; z-index:10;}
.xzc6main-network .mapbg .mp01{position:absolute; left:0; top:0; opacity:0;z-index:11; }
.xzc6main-network .mapbg .mp02{ position:absolute; left:0; top:0; opacity:0; z-index:12;}
.xzc6main-network .mapbg img{ width:100%;}
.xzc6main-network .m_conts{ position:absolute; right:270px; top:70px;text-align:right; z-index:20;}
.xzc6main-network .m_conts h2{ font-size:48px; font-weight:normal; color:#F08200; margin-bottom:35px;}
.xzc6main-network .m_conts h3{ font-size:30px; font-weight:normal; color:#010101;}
.xzc6main-network .m_conts h4{ color:#000; font-weight:normal;}
.xzc6main-network .m_conts h4 span{ font-size:24px; font-weight:bold;}
.xzc6main-network .m_conts h4 em{ font-size:30px; font-weight:bold; color:#F08200; font-family:Arial, Helvetica, sans-serif;}
.xzc6main-network .m_conts h4 i{font-size:24px;}
.xzc6main-network .m_conts h4 + a{ float:right;width:36px; height:36px; margin-top:50px; background:url(../images/dot08.png) no-repeat;}


.xzc6main-innovation{ margin:60px 0;}
.xzc6main-innovation .inner{ padding:4px 110px; overflow:hidden;width:1420px; margin:0 auto;}
.xzc6main-innovation li{ float:left;width:360px; height:230px; overflow:hidden;}
.xzc6main-innovation li.li_01{ width:230px; height:430px; padding:30px 20px 20px 30px; margin-right:20px; color:#fff; background:#F08200;}
.xzc6main-innovation li.li_01 h2{ font-size:48px;font-weight:normal; margin-bottom:60px;}
.xzc6main-innovation li.li_01 h3{ padding-top:80px; font-weight:normal; background:url(../images/dot10.png) left top no-repeat; margin-bottom:25px;}
.xzc6main-innovation li.li_01 h3 span{font-size:30px; border-top:2px solid #fff; border-bottom:2px solid #fff;}
.xzc6main-innovation li.li_01 p{ font-size:12px;}
.xzc6main-innovation li.li_01 p + a{ display:block;width:36px; height:36px; margin-top:20px; background:url(../images/dot09.png) no-repeat;}
.xzc6main-innovation li.li_02{ margin-right:19px; width:740px; height:480px;}
.xzc6main-innovation li.li_03{ margin-bottom:20px;}
.xzc6main-innovation li img{transition: all 0.5s ease 0s; width: 100%; height: auto;}
.xzc6main-innovation li a { display:block; color:#fff;}
.xzc6main-innovation li a:hover { color:#f0f0f0;}
.xzc6main-innovation li:hover { box-shadow:0 0 5px #F08200;}
.xzc6main-innovation li a:hover img { transform: scale(1.1);  }

.xzc6main-friend{ height:240px;background:#F9F9F9;}
.xzc6main-friend .inner{ padding:20px 110px 0; text-align:center;  overflow:hidden;width:1420px; margin:0 auto;}
.xzc6main-friend h2{font-size:48px; font-weight:normal; color:#F08200;}

.p-list{ position:relative; padding:0 30px; margin:0 auto;}
.p-list .prev{ position:absolute; left:0; top:0; bottom:0; width:16px;}
.p-list .next{ position:absolute; right:0; top:0; bottom:0;  width:16px;}
.p-list .prev i{width:16px; position:absolute; left:0; top:50%; margin-top:-14px; height:28px; display:block; background:url(../images/dot11.png) left top no-repeat;}
.p-list .next i{width:16px; position:absolute; left:0; top:50%; margin-top:-14px; height:28px; display:block;background:url(../images/dot11.png) right top no-repeat;}
.p-list .prev:hover i{ background:url(../images/dot11.png) left bottom no-repeat;}
.p-list .next:hover i{background:url(../images/dot11.png) right bottom no-repeat;}
.p-list .ul-box{ width:100% !important; overflow:hidden; margin:20px 0 0;position:relative;}
.p-list ul{ position:relative; width:20000px;}
.p-list ul li{ float:left; width:150px;text-align:center; height:100px;}
.p-list ul li img{ width:135px; height:90px; border:1px solid #f9f9f9 ; transition:0.2s  all;}
.p-list ul li:hover img{ border:1px solid #EA8207;}


.xzcfooter .wrap { padding:30px 0 40px; color:#fff;}
.xzcfooter .wrap .inner{ padding:0 50px 0 0; overflow:hidden;}
.foot_ll {float:left; width:70%;}
.foot_ll dl { float:left; padding:0 30px;  border-left:1px solid #F4A140; }
.foot_ll dl:first-child{ border-left:none;}
.foot_ll dl dt{ font-weight:bold; padding-bottom:12px;}
.foot_ll dl dt a{color:#fff;}
.xzcfooter a { transition:all 0.2s;}
.xzcfooter a:hover { color:#333; }
.foot_ll dl dd{ padding:6px 0;}
.foot_ll dl dd a{color:#fff;}

.xzcfooter .foot_rr { float:right; width:30%; text-align:right;color:#FEF8F5;}
.foot_rr h3{ font-size:24px; font-weight:normal; color:#FEF8F5; }
.foot_rr .foot-search { float:right; position: relative;width:225px; height:24px;padding-left:15px; margin:10px 0 30px; border:1px solid #E1D8CE;border-radius:4px; -moz-border-radius:4px;-webkit-border-radius:4px;}
.lt9 .foot_rr .foot-search { background:#fff;}
.foot_rr .foot-search form &gt; input { position: absolute; overflow:hidden; text-indent:-100px; top:0; right:0; width:35px; height:24px; border: none; background:url(../images/dot12.png) center center no-repeat; }
.foot_rr .foot-search .sinput-box{ position: absolute; top: 0; left:15px;background: none; width:190px; }
.foot_rr .foot-search input { float:left; border: none; background: none;color:#FEF8F5;line-height:22px; width:90%; }

.foot_rr a{color:#FEF8F5; display:inline-block; transition:0.2s all;}
.foot_rr .t { display:block; margin-bottom:10px; font-size:0;}
.foot_rr .t a { font-size:14px; }
.foot_rr .t i { font-size:12px; display:inline-block; padding:0 15px; color:#ddd; position:relative; top:-2px;}
.foot_rr .p{ font-size:12px;font-family:Arial, Helvetica, sans-serif;}
.foot_rr .p span{ padding:0 10px;}
.foot_rr a.xhr{ margin-left:10px;}
.foot_rr h4{ font-size:14px; font-weight:normal; margin:40px 0 15px;}
.foot_rr ul{ float:right; width:240px;}
.foot_rr ul li{ float:left; width:60px; text-align:center; font-size:12px;}
.foot_rr ul li img{ display:block; width:30px; height:30px; margin:0 auto 5px;}


/*ie7下兼容代码*/
.lt8 .xzcheader .rtcon{min-width:800px; width:auto;}
.lt8 .xzc6main-service ul{ margin-bottom:65px;}


.select-box { width: 100%; position: relative; z-index: 100; border-radius: 1px; line-height: 35px; height: 35px; color: #000; }
.select-box:hover { z-index: 101; }
.select-box dt { margin-right: 1px; padding: 0 5px; cursor: pointer; }
.select-box dt b { font-weight: normal; display: block; margin-right: 15px; color: #fff; }
.select-box dt i.ico { position: absolute; transition: 0.3s all ease-in-out; background: url(../images/en.png) no-repeat 0 0; width: 8px; height: 5px; right: 5px; top: 50%; margin-top: -4px; }
.select-box dt.open i.ico { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
.select-box dd { position: absolute; max-height: 200px; z-index: 102; overflow-y: auto; background: #000; padding: 0 0; overflow-x: hidden; right: 0; left: 0; top: 100%; display: none; }
.select-box dd a { display: block; line-height: 1.8; color: #fff; font-weight: normal; white-space: normal; padding: 0 5px; margin-top: 0px; }
.select-box dd a:hover, .select_0 dd a.on { color: #eee; background: #999; }

.page {vertical-align:middle;text-align:center; margin:60px 0px; font-size:12px; color:#606060; height:20px; line-height:20px;}
.page input {vertical-align:middle;}
.page span{display:inline-block;margin:0 2px;}
.page span em{ color:#e28a00; font-family:Arial, Helvetica, sans-serif;}
.page a{vertical-align:middle;display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;color:#000;font-family:Arial, Helvetica, sans-serif;}
.page a.on,.page a:hover{background:#F0F0F0;color:#e28a00; }
.page a.prev {width:14px; background:url(../images/page_03.png) center center no-repeat; margin:0px 10px 0px 0px;}
.page a.next {width:14px;background:url(../images/page_04.png) center center no-repeat; margin:0px 0px 0px 12px;}
.page a.first {width:40px;background:url(../images/page_01.png) center center no-repeat;}
.page a.last {width:40px;background:url(../images/page_02.png) center center no-repeat;}
.page .txtnum{width:30px; height:16px; line-height:16px;background:#fff; border:1px solid #CECECE;}
.page .txtnum input{width:30px; height:16px; line-height:16px;*line-height:15px; text-align:center;color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:none; border:none;}
.page a.go{width:30px; height:18px; line-height:18px;background:#e28a00;color:#FFFFFF; margin-top:-2px; *margin-top:0px;}
.page-phone{text-align: center;margin:40px 0;display: none;}
.page-phone a{padding:5px 15px;background:#E25A00;color:#FFFFFF;font-weight:bold;}
.page-phone a.on{background:#c1c1c1;}

@media only screen and (max-width: 1639px) {

.xzcheader .top{ width:100%; padding:0;}
.xzcheader.fixedhede .top{ padding:0 0 20px;}
.xzcheader .top-search{ right:203px;}
.xzcheader .add-lnk{ right:100px}
.xzcheader .lagu{ right:15px;}
.xzcheader .logo{ margin-left:10px;}
.xzcheader .rtcon{ margin-right:10px;}
.xzc6main-news ul{ width:80%;}

.xzc6main-product .inner{ width:90%; padding:85px 0 110px}
.xzc6main-product li:hover .img{margin-bottom:40px;}

.xzc6main-service .inner{  width:100%;padding:30px 0 0 0}
.xzc6main-network .inner{ width:90%;}
.xzc6main-network .m_conts{ right:0;}

.xzc6main-friend .inner{ padding:20px 0 0; width:98%;}
.xzc6main-innovation .inner{ padding:0;width:1400px;}
.xzc6main-innovation li{ width:355px; height:225px;}
.xzc6main-innovation li.li_01{ height:420px;}
.xzc6main-innovation li.li_02{ width:725px; height:470px;}
}

@media only screen and (max-width: 1420px) {


.xzc6main-product li:hover .img{margin-bottom:32px;}

.xzc6main-innovation .inner{width:1200px;}
.xzc6main-innovation li{ width:286px; height:183px;}
.xzc6main-innovation li.li_01{ height:366px; padding:10px 20px;}
.xzc6main-innovation li.li_02{ width:595px; height:386px;}
.xzc6main-innovation li.li_01 h2{ margin-bottom:0;}
}

@media only screen and (max-width: 1250px) {

	.xzcheader nav li,.xzcheader nav .child{ width:100px;}


.xzcheader .btn{ width:100px; background:#ea8207 url(../images/dot03.png) no-repeat scroll 5px center; margin-left:10px;}
.xzcheader .btn a{ padding-left:28px; background:url(../images/dot04.png) no-repeat scroll 90px center;}
.lt8 .xzcheader .rtcon{min-width:700px; width:auto;}

.xzc6main-news{ margin:0 0 40px;}
.xzc6main-news h2{ padding:20px 0;}
.xzc6main-product .inner{ padding:40px 0;}
.xzc6main-product li .name{ width:90%;}
.xzc6main-service .inner{ padding:40px 0 0;}
.xzc6main-service li .box{ margin:30px auto;}
.xzc6main-innovation{ margin:40px 0;}
.xzc6main-innovation .inner{width:1000px;}
.xzc6main-innovation li{ width:222px; height:142px;}
.xzc6main-innovation li.li_01{ height:284px;}
.xzc6main-innovation li.li_02{ width:469px; height:304px;}
.xzc6main-innovation li.li_01 h3{ padding-top:15px;}
.xzc6main-innovation li.li_01 h3 span{ margin-left:70px;}

.foot_ll dl{ padding:0 15px;}
.xzcfooter .wrap .inner{ padding-right:15px;}

	.xzcheader nav li .child .l &gt; div { width:45%;}
	.xzcheader nav li .child .r a { width:184px;}
	.xzcheader nav li .child .r a img { width:180px; height:101px;}

}

@media only screen and (max-width: 1000px) {
.xzcheader .logo{ margin-top:10px;}
.xzcheader .logo img{ width:150px;}
.xzcheader .rtcon{ float:left; width:98%; margin:20px 10px;}
.xzcheader nav{ float:left;}

.xzc6main-news{ margin-bottom:20px;}
.xzc6main-news h2,.xzc6main-product h2,.xzc6main-service h2,.xzc6main-network .m_conts h2,.xzc6main-innovation li.li_01 h2,.xzc6main-friend h2{ font-size:36px;}
.xzc6main-news ul{ width:90%;}
.xzc6main-news li{ width:100%;}
.xzc6main-news li.an{ width:100%;}
.xzc6main-news li .n_cons h3{ padding:0 0 5px;}

.xzc6main-product .inner{ padding:20px 0;}
.xzc6main-product ul{ padding:25px 0 0;}

.xzc6main-service li{ width:50%;}
.xzc6main-service li .box{ margin:20px auto;}

.xzc6main-network{ height:426px;}
.xzc6main-innovation .inner{ width:760px;}
.xzc6main-innovation li{ width:370px; height:236px;}
.xzc6main-innovation li.li_01{ margin-bottom:20px;}
.xzc6main-innovation li.li_02{ margin-right:0; margin-bottom:20px;}
.xzc6main-innovation li.li_03{ margin-bottom:0; margin-right:20px;}

.xzc6main-innovation li.li_01 h3 span{ font-size:24px;}

.xzcfooter{ margin-top:40px;}
.xzcfooter .wrap{ padding:20px 0;}
.foot_ll,.xzcfooter .foot_rr{ float:none; width:100%; overflow:hidden;}
.foot_rr{ margin-top:10px;}
.foot_ll dl{ padding:0 22px;}
.foot_ll dl dd{ padding:4px 0}
	.xzcheader.fixedhede .top { padding-bottom:0;}
	.xzcheader.fixedhede { height:121px;}
	.xzc6main-service li { width:25%;}
	.xzc6main-service li .box { margin:20px 10px;}
}


@media only screen and (max-width: 767px) {
	.other-body .xzcheader { height:50px; }
	.xzcheader,
	.xzcheader.fixedhede { height:50px; background:#fff;
																					box-shadow: 0 0 5px #bbb;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1000; position:fixed;}

	.xzc6main {}


	.menu__handle { display:block;}
.xzcheader nav { display:block; opacity:0; float:none; visibility:hidden;  position:fixed; top:103px; left:10px; right:10px; bottom:0; overflow-y:auto;}
.xzcheader nav li {   display:block;  width:100%; }
.xzcheader nav .child { transform:translateY(0px); transition:none;}
.menu--open .xzcheader nav { opacity:1; visibility:visible;}
.menu--open .mobile-blank { visibility:visible; opacity:0.95; z-index: 999; display:block;}
.menu--open .xzcheader nav { opacity:1; visibility:visible;}
.menu--open .xzcheader nav ul{  padding-bottom:30px;}
.menu--open .xzcheader nav li { float:none; width:auto;  }
.menu--open .xzcheader nav li &gt; a { font-size:15px; font-weight:bold;}
.menu--open .xzcheader nav li:hover &gt; a { color:#000;}
.menu--open .xzcheader nav li:hover { background:url(../images/li.jpg) left top repeat-x;}
.menu--open .xzcheader nav li.on:hover { background:url(../images/li_on.jpg) left top repeat-x;}
.menu--open .xzcheader nav li.on:hover &gt; a { color:#fff;}
.menu--open .xzcheader nav .child { position:relative; z-index:auto; width:auto; font-size:0; text-shadow:1px 1px 1px #ccc;  text-align:left;  background:none; padding:5px 0; top:5px;  opacity:1; visibility:visible;}
.xzcheader nav .child a { display:block; float:left; font-size:15px; width:33.33%; color:#333; text-align:center; padding:5px 0; margin:3px 0; border-left:1px solid #ccc; margin-left:-2px;}
.xzcheader nav .child a:hover { background:none; color:#333;}
.menu--open .xzcheader nav .child a { color:#333;}

.xzcheader .logo img{ width:120px;}

.banner{ height:auto;}
.xzcheader .top-search,.xzcheader .add-lnk,.xzcheader .lagu{ display:none;}

.menu--open .xzcheader .top-search { display:block; left:10px; top:68px; right:auto;}
.menu--open .xzcheader .lagu{ display:block; right:140px; top:15px;}

.xzcheader .rtcon{ float:right; margin:0 10px 0 0; width:auto;}
.xzcheader .btn{ margin-top:10px;}


.lt8 .xzcheader .rtcon{min-width:50px; width:auto;}


.xzc6main-news h2,.xzc6main-product h2,.xzc6main-service h2,.xzc6main-network .m_conts h2,.xzc6main-innovation li.li_01 h2,.xzc6main-friend h2{ font-size:24px;}
.xzc6main-news h2{ padding:10px 0;}
.xzc6main-news li{ width:100%; margin:10px 0 0;}
.xzc6main-news li .n_cons p + a{ margin-top:0;}


.xzc6main-product li{  width:33.33%; margin:0 0 30px; text-align:center;}
.xzc6main-product li .img{ margin:0 3px 10px;}
.xzc6main-product li:hover .img{ margin-bottom:10px;}

.xzc6main-service li{ width:50%; margin:0 auto 10px;}
	.xzc6main-service li .box { margin:5px 5px; height:120px;}
	.xzc6main-service li .box img { width:80%; height:70px;}

.xzc6main-innovation .inner{ width:100%;}
.xzc6main-network .mapbg{ width:100%; height:auto;}
.xzc6main-network .mapbg .mp01,.xzc6main-network .mapbg .mp02{ opacity:1;}
.xzc6main-network{ width:100%; min-height:400px;}
.xzc6main-network .m_conts{ top:20px;}
.xzc6main-network .m_conts h2{ margin-bottom:15px;}
.xzc6main-network .m_conts h3{ font-size:24px;}


.xzc6main-innovation li{ width:100%; margin:0; padding:0; float:left;}
.xzc6main-innovation li.li_01{ width:90%; padding:5%; margin:0; height:auto;}
	.xzc6main-innovation li.li_02 { width:100%; height:auto; margin:0; padding:0;}
.xzc6main-innovation li.li_03,.xzc6main-innovation li.li_04{ width:50%; height:auto; margin:0; padding:0;}

.xzcfooter .wrap .inner{ padding:0;}
.foot_ll dl{ width:96%; padding:2%;height:auto; border-bottom:1px solid #f4a140;}
.foot_ll dl dt{ padding-bottom:5px;}
.foot_ll dl dd{ float:left; width:70px; padding:0;}

.xzcfooter .foot_rr{ padding-right:2%; width:98%;}

.mobile-nav-toggle-btn { display: inline }
#content-box { width: 100%; height: 100%; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, .5); background: #ffffff;-webkit-transition: .4s ease;-moz-transition: .4s ease;-ms-transition: .4s ease;-o-transition: .4s ease;transition: .4s ease;position:fixed;}
.content-inner { height: 100%; overflow: auto; width: 100%; -webkit-overflow-scrolling: touch; overflow-x: hidden; }

	.p-list { padding:0 20px;}
	.p-list ul li { width:98px; height:70px;}
	.p-list ul li img { width:95px; height:63px;}
	.xzc6main-friend { height:190px;}

	.xzcfooter { margin-top:0;}
	.foot_ll, .xzcfooter .foot_rr { margin-bottom:20px;	}
	.xzcfooter .foot_rr { text-align:center;}
	.foot_ll { display:none;}
	.foot_rr .foot-search { float:none; margin:10px auto 30px;}
	.foot_rr ul { float:none; margin:0 auto;}

	.xzcweixin { width:320px; margin-left:-160px;}
	.xzcweixin .img p { width:96%;}


	.xzcheader nav li .child { width:auto !important; padding:10px 0; left:0 !important; margin-left:0 !important;}
	.xzcheader nav li .child .l &gt; div { display:block; float:none; width:auto; min-height:0 !important;}
	.xzcheader nav li .child &gt; div a{ width:33%; margin:10px 0 !important;}
	.xzcheader nav li .child &gt; div a:nth-child(3n+1) { border:0 !important;}
	.xzcheader nav li .child .l { float:none !important; width:auto !important; min-height:0 !important; }
	.xzcheader nav li .child .r,
	.xzcheader nav li .child .r { display:none !important;}
	.xzcheader nav li.l3 .child dd { width:30.33%; padding:10px 0;}
	.xzcheader nav li.l3 .child dd .img { margin-bottom:0;}
	.xzcheader nav li.l3 .child dd  a { width:auto; float:none; margin:0; border:0;}
	.xzcheader nav li.l3 .child dl { padding:0;}
	
	
	


	* { -webkit-pointer-events:none !important;}
	
		.banner li { position:relative;}
		.banner li .bg2,
	.banner li .txt { display:none;}
	.banner li img.bg1 { position:relative; opacity:1; width:100%; height:auto;}
	.banner .bx-wrapper .bx-pager,
	.banner .bx-wrapper .bx-controls-auto { bottom:-3px;}

}
@media only screen and (max-width: 359px) {
		.p-list ul li { width:90px; height:70px;}
	 .p-list ul li img { width:88px; height:58px;}
	.menu--open .xzcheader .lagu { right:115px;}
}


</pre></body></html>